<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"> 
<title>公司介绍</title>
<!--<link rel="stylesheet" href="css/aos.css">-->
<link rel="stylesheet" href="css/swiper.css">
<link rel="stylesheet" href="css/animations.min.css">
<link rel="stylesheet" href="css/ani.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/test.css">
<link rel="stylesheet" href="css/css.css">
<script src="js/jquery-1.11.3.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/swiper.min.js"></script>
<script src="js/swiper.animate.min.js"></script>
<!--<script src="js/aos.js"></script>-->
<script src="js/js.js"></script>
<!--[if lt IE 9]>
<script src="https:// oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js">
</script>
<script src="https:// oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js">
</script>
<![endif]-->

</head>
<body oncontextmenu=self.event.returnValue=false onselectstart="return false"> 
<!--wrap-->
<div class="wrap">

<!--头部-->
<div class="header ww h80 bg0D0D0D">
	<div class="container">
		<div class="row">
			<div class="col-xs-10 col-sm-6 col-md-4 col-lg-4 h80 rel">
				<a href="###" class="db pull-left logo" target="_blank"></a>
				<div class="pull-left h80 sele hidden-xs btn-a6 curPo rel"> 
					<span class="db pull-left mgr10"></span>
					<div class="db pull-right h80 lh80 fs14 corw">视频标签 <img class="w8 mgl5" src="images/12.png" alt=""></div>
				
					<div class="pk1 abs z20 dn">
						<i class="w12 db"><img class="ww" src="images/26-1.png" alt=""></i>
						<p class="fs18 mdf16 xsf14 corFF7319 fb text-center">大家都在搜</p>
						<div class="hr1 mgt12 mgb10"></div>
						<div class="ovh">
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
							<a href="###" class="db pull-left ww50 mgt15 xsmgt10 xsf12 text-center cor4 hov8">产品广告</a>
						</div>
					</div>
				</div>
			</div>
			<div class="col-xs-2 col-sm-6 col-md-8 col-lg-8 h80 rel">
				<a class="nBtn nBtn1" href="###"></a>
					
				<div class="oDiv">
					<div class="oDiv1 dn">
						<p class="fs28 mdf24 smf20 xsf18 corff7319 mgb10">大家都在搜</p>
						<div class="ovh">
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
							<a href="" class="db pull-left ww33 text-center h40 lh40 cor4">产品广告</a>
						</div>
					</div>
					<ul class="nDiv">
						<li><a href="###">首页</a></li>
						<li><a href="###" target="_blank">宣传片</a></li>
						<li><a href="###" target="_blank">纪录片</a></li>
						<li><a href="###" target="_blank">策划案例</a></li>
						<li><a href="###" target="_blank">平面广告</a></li>
						<li><a href="###" target="_blank">传播</a></li>
						<li class="active"><a href="###" target="_blank">公司介绍</a></li>
						<li><a href="###" target="_blank">联系我们</a></li>			
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
<!--头部END-->

<!--公司介绍-->
<div class="pic3 pdt132 pdb104 xspdt30 xspdb30" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
	<div class="container">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
				<p class="fs34 mdf28 smf22 xsf18 corw">公司<span class="corFF873B">介绍</span></p>
				<p class="mgt20 xsmgt10"><img class="center-block" src="images/tit-1.png" alt=""></p>
				<div class="mgt30 xsmgt15 fs14 corE4E4E4 text-center lh26 hidden-sm hidden-xs">
					澎湃传媒，于2014年3月18日在深圳市福田区注册成立，全称为深圳市澎湃传媒有限公司， <br>主业为大型项目创意执行、影视创作、VR制作、动漫创作，以及渠道传播。澎湃传媒前身为深圳市靛蓝影视工作坊，<br>创立于2000年4月，专业从事影视广告和纪录片的创作。 澎湃传媒，关注文明演进的方向，洞识时代发展的趋势，聚焦科技进步的力量，<br>捕捉市场的核心需求，传播以人为本的心声。 澎湃传媒，以开放共享的方式凝聚智慧价值、整合人才资源、服务高端客户，<br>构建创意+产品+渠道的文化产业运营体系。 澎湃传媒，秉承开拓创新的深圳基因，锐意进取、不断变革，<br>以放眼世界的澎湃雄心，探索信息传递的无尽可能，找寻价值连接的更多方式。
				</div>
				<div class="mgt30 xsmgt15 fs14 corE4E4E4 text-center lh26 visible-sm visible-xs">
					澎湃传媒，于2014年3月18日在深圳市福田区注册成立，全称为深圳市澎湃传媒有限公司，主业为大型项目创意执行、影视创作、VR制作、动漫创作，以及渠道传播。澎湃传媒前身为深圳市靛蓝影视工作坊，创立于2000年4月，专业从事影视广告和纪录片的创作。 澎湃传媒，关注文明演进的方向，洞识时代发展的趋势，聚焦科技进步的力量，捕捉市场的核心需求，传播以人为本的心声。 澎湃传媒，以开放共享的方式凝聚智慧价值、整合人才资源、服务高端客户，构建创意+产品+渠道的文化产业运营体系。 澎湃传媒，秉承开拓创新的深圳基因，锐意进取、不断变革，以放眼世界的澎湃雄心，探索信息传递的无尽可能，找寻价值连接的更多方式。
				</div>
			</div>
		</div>
	</div>
</div>
<!--公司介绍END-->

<!--公司定位-->
<div class="pdt65 xspdt20">
	<div class="container" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
		<div class="row">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
				<p class="fs34 mdf28 smf22 xsf18 cor4">公司<span class="corFF873B">定位</span></p>
				<p class="mgt20 xsmgt10"><img class="center-block" src="images/tit-2.png" alt=""></p>
				<p class="mgt30 xsmgt10 fs18 mdf16 smf14 cor4 lh26 hidden-xs">
					深圳最具实力的文化创意机构，聚集时代发展核心趋势<br>以策划、创意为核心竞争力，构建创意+产品+渠道的文化产业运营体系
				</p>
				<p class="mgt30 xsmgt10 fs18 mdf16 smf14 cor4 lh26 visible-xs">
					深圳最具实力的文化创意机构，聚集时代发展<br>核心趋势以策划、创意为核心竞争力，<br>构建创意+产品+渠道的文<br>化产业运营体系
				</p>
			</div>
		</div>
	</div>
	<div class="container-fluid pd0 k6 mgt70 xsmgt30" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1300">
		<div class="swiper-container" id="swiper2">
			<div class="swiper-wrapper">
				<div class="swiper-slide"><a href="javascript:;" target="_blank"><img src="images/8-1.png" alt=""></a></div>
				<div class="swiper-slide"><a href="javascript:;" target="_blank"><img src="images/8-2.png" alt=""></a></div>
				<div class="swiper-slide"><a href="javascript:;" target="_blank"><img src="images/8-3.png" alt=""></a></div>
				<div class="swiper-slide"><a href="javascript:;" target="_blank"><img src="images/8-4.png" alt=""></a></div>
				<div class="swiper-slide"><a href="javascript:;" target="_blank"><img src="images/8-5.png" alt=""></a></div>
			</div>        
		</div>
	</div>
</div>
<!--公司定位END-->
<script> 
$(function(){
	var swiper2 = new Swiper('#swiper2', {
		spaceBetween: 2,
		slidesPerView: 5,
		breakpoints: {
			1024: {
			  slidesPerView: 3,
			  spaceBetween: 2,
			},
			768: {
			  slidesPerView: 2,
			  spaceBetween: 2,
			},
			640: {
			  slidesPerView: 2,
			  spaceBetween: 2,
			},
        },
		observer: true,
        observeParents: true 
	});
	swiper2.el.onmouseover = function(){
		swiper2.autoplay.stop();
	};
	swiper2.el.onmouseout = function(){
		swiper2.autoplay.start();
	};
});	
</script>

<!--业务范围-->
<div class="pdt90 xspdt30 pdb80 xspdb30">
	<div class="container">
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
				<p class="fs34 mdf28 smf22 xsf18 cor4">业务<span class="corFF873B">范围</span></p>
				<p class="mgt20 xsmgt10"><img class="center-block" src="images/tit-2.png" alt=""></p>
				<p class="mgt30 xsmgt10 fs18 mdf16 smf14 cor4 lh26 hidden-xs">
					大型文化项目的创意设计和执行，以影像为核心的创意产品的生成，线上和线下渠道的传播
				</p>
				<p class="mgt30 xsmgt10 fs18 mdf16 smf14 cor4 lh26 visible-xs">
					大型文化项目的创意设计和执行，以影像为核<br>心的创意产品的生成，线上和线<br>下渠道的传播
				</p>
			</div>
		</div>
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
				<div class="rel k7 center-block ovh mgt60 xsmgt10">
					<div class="pull-left k7-1">
						<img class="center-block" src="images/9-1.png" alt="">
						<div>
							<p class="cor4 text-center mgt20 smmgt10">广告策划</p>
							<p class="corb4b4b4 text-center mgt18 smmgt10">Advertising planning</p>
						</div>
					</div>
					<div class="pull-left k7-2"><img class="center-block" src="images/9-5.png" alt=""></div>
					<div class="pull-left k7-1">
						<img class="center-block" src="images/9-2.png" alt="">
						<div>
							<p class="cor4 text-center mgt20 smmgt10">广告策划</p>
							<p class="corb4b4b4 text-center mgt18 smmgt10">Advertising planning</p>
						</div>
					</div>
					<div class="pull-left k7-2"><img class="center-block" src="images/9-5.png" alt=""></div>
					<div class="pull-left k7-1">
						<img class="center-block" src="images/9-3.png" alt="">
						<div>
							<p class="cor4 text-center mgt20 smmgt10">广告策划</p>
							<p class="corb4b4b4 text-center mgt18 smmgt10">Advertising planning</p>
						</div>
					</div>
					<div class="pull-left k7-2"><img class="center-block" src="images/9-5.png" alt=""></div>
					<div class="pull-left k7-1">
						<img class="center-block" src="images/9-4.png" alt="">
						<div>
							<p class="cor4 text-center mgt20 smmgt10">广告策划</p>
							<p class="corb4b4b4 text-center mgt18 smmgt10">Advertising planning</p>
						</div>
					</div>
				</div>	
			</div>
		</div>
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1400">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 mgt85 xsmgt30">
				<a href="###" class="db center-block btn-a2 cor4 fs18 mdf16 smf14 btnn">我要拍片</a>
			</div>
		</div>
	</div>
</div>
<!--业务范围END-->

<!--我们的团队-->
<div class="pic4 pdt65 pdb75 xspdt30 xspdb30">
	<div class="container">
		<div class="row" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 text-center">
				<p class="fs34 mdf28 smf22 xsf18 corw">我们的<span class="corFF873B">团队</span></p>
				<p class="mgt20 xsmgt10"><img class="center-block" src="images/tit-1.png" alt=""></p>
				<p class="mgt30 xsmgt10 fs18 mdf16 smf14 corc2c2c2 lh26 hidden-xs">
					以开放共享的方式凝聚智慧价值、整合人才资源、服务高端客户
				</p>
				<p class="mgt30 xsmgt10 fs18 mdf16 smf14 corc2c2c2 lh26 visible-xs">
					以开放共享的方式凝聚智慧价值、整合人<br>才资源、服务高端客户
				</p>
			</div>
		</div>
		<div class="row mgt37 xsmgt20">
			<div class="k8 rel" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1200">
				<div class="swiper-container" id="swiper3">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank" class="slide-a db rel">
								<img src="images/10-1.png" alt="">
								<div class="abs ww left0 bottom0 pdt15 pdb35 pdl10 pdr10 xspdt10 xspdb10 z10">
									<p class="corcfcfcf xsf12">艺术总监 <span class="corff7116">陈远忠</span></p>
									<p class="fs12 corcfcfcf elp2 mgt15 xsmgt10">跨界艺术家，大型艺术项目策划人、著名纪录片、广告片导演、出版人、作家</p>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank" class="slide-a db rel">
								<img src="images/10-2.png" alt="">
								<div class="abs ww left0 bottom0 pdt15 pdb35 pdl10 pdr10 xspdt10 xspdb10 z10">
									<p class="corcfcfcf xsf12">艺术总监 <span class="corff7116">陈远忠</span></p>
									<p class="fs12 corcfcfcf elp2 mgt15 xsmgt10">跨界艺术家，大型艺术项目策划人、著名纪录片、广告片导演、出版人、作家</p>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank" class="slide-a db rel">
								<img src="images/10-3.png" alt="">
								<div class="abs ww left0 bottom0 pdt15 pdb35 pdl10 pdr10 xspdt10 xspdb10 z10">
									<p class="corcfcfcf xsf12">艺术总监 <span class="corff7116">陈远忠</span></p>
									<p class="fs12 corcfcfcf elp2 mgt15 xsmgt10">跨界艺术家，大型艺术项目策划人、著名纪录片、广告片导演、出版人、作家</p>
								</div>
							</a>
						</div>
						<div class="swiper-slide">
							<a href="javascript:;" target="_blank" class="slide-a db rel">
								<img src="images/10-4.png" alt="">
								<div class="abs ww left0 bottom0 pdt15 pdb35 pdl10 pdr10 xspdt10 xspdb10 z10">
									<p class="corcfcfcf xsf12">艺术总监 <span class="corff7116">陈远忠</span></p>
									<p class="fs12 corcfcfcf elp2 mgt15 xsmgt10">跨界艺术家，大型艺术项目策划人、著名纪录片、广告片导演、出版人、作家</p>
								</div>
							</a>
						</div>
					</div>        
				</div>
				<div class="swiper-button-next swiper_btnNext3"></div>
				<div class="swiper-button-prev swiper_btnPrev3"></div>
			</div>
		</div>
	</div>
</div>
<!--我们的团队END-->
<script> 
$(function(){
	var swiper3 = new Swiper('#swiper3', {
		loop:true,
		speed:1300, 
		autoplay: {
			delay: 2500,
			disableOnInteraction: false,
		},
		navigation: {
            nextEl: '.swiper_btnNext3',
            prevEl: '.swiper_btnPrev3',
        },
		
		spaceBetween: 34,
		slidesPerView: 4,
		breakpoints: {
			1024: {
			  slidesPerView: 3,
			  spaceBetween: 20,
			},
			768: {
			  slidesPerView: 2,
			  spaceBetween: 10,
			},
			640: {
			  slidesPerView: 1,
			  spaceBetween: 10,
			},
        },
		observer: true,
        observeParents: true 
	});
	swiper3.el.onmouseover = function(){
		swiper3.autoplay.stop();
	};
	swiper3.el.onmouseout = function(){
		swiper3.autoplay.start();
	};
});	
</script>








<!--底部-->
<div class="pdt45 xspdt30 footer bgw" aos="fade-up" aos-easing="ease-in-sine" aos-duration="1000">
	<div class="fTop hidden-xs">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-4 col-lg-4">
					<div class="foot1">
						<a href="###" class="db"><img class="w118" src="images/5-2.png" alt=""></a>
						<p class="mgt23 cor878787 fs14 lh26">澎湃传媒，于2014年3月18日在深圳市福田区注册成立，全称为深圳市澎湃传媒有限公司，主业为大型项目创意执行、影视创作、VR制作、动漫创作，以及渠道传播。</p>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-5 col-lg-5 xsmgt20">
					<div class="foot2 ovh">
						<div class="pull-left mgr80">
							<p class="fs18 cor4">服务</p>
							<div class="mgt6">
								<a href="###" target="_blank" class="db mgt18 hov8 cor878787">宣传片</a>
								<a href="###" target="_blank" class="db mgt18 hov8 cor878787">记录片</a>
								<a href="###" target="_blank" class="db mgt18 hov8 cor878787">策划案例</a>
								<a href="###" target="_blank" class="db mgt18 hov8 cor878787">平面广告</a>
							</div>
						</div>
						<div class="pull-left xsmgt20">
							<p class="fs18 cor4">联系我们</p>
							<div class="mgt6">
								<p class="fs14 mgt18 hov8 cor878787">工作时间 <span>9:00-18:00 (周一至周五)</span></p>
								<p class="fs24 mdf20 smf16 mgt10 hov8 corFF7116">0755-88888888</p>
								<p class="fs14 mgt12 hov8 cor878787">邮箱：<span>904815761@qq.com</span></p>
								<p class="fs14 mgt18 hov8 cor878787">地址：<span>深圳市福田区雨田路莲丰大厦</span></p>
							</div>
						</div>
					</div>
				</div>
				<div class="col-xs-12 col-sm-12 col-md-3 col-lg-3 xsmgt20">
					<div class="foot3 ovh">
						<div class="pull-left ww50">
							<img class="center-block" src="images/5-3.png" alt="">
							<p class="text-center cor4 mgt10">公众号</p>
						</div>
						<div class="pull-left ww50">
							<img class="center-block" src="images/5-3.png" alt="">
							<p class="text-center cor4 mgt10">WAP站</p>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<div class="hr1 mgt60 xsmgt20 hidden-xs"></div>
	<div class="fBottom">
		<div class="container">
			<div class="row">
				<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 pdt14 pdb14 lh24 text-center cor878787 xsf12"><span class="sp2"> Copyright ©2017-2018</span> 深圳澎湃传媒有限公司 版权所有网站备案/许可证号 粤ICP备16027072号</div>
			</div>
		</div>
	</div>
</div>
<!--底部END-->




<script>	
/*AOS.init({
	easing: 'ease',
	duration: 1500,
	disable: function () {
		var maxWidth = 767;
		return window.innerWidth<maxWidth;
	}
});*/
</script>
</div>
<!--wrap End-->
</body>
</html>